<template>
  <div>
    <h3>我是父组件</h3>
    <child :message="message" @sendAdd="sendAdd" @sendMsg="handleMessage"></child>
  </div>
</template>

<script setup>
import child from './child.vue';

const message = '我是你爸爸';

function handleMessage(message) {
  alert(message);
}
function sendAdd(message) {
  alert(message);
}
</script>



<!--<template>-->
<!--  <h3>我是父组件</h3>-->
<!--  <child :msg="message"></child>-->
<!--</template>-->

<!--<script setup>-->
<!--import child from "./child.vue";-->

<!--const message = "我是你爸爸";-->
<!--</script>-->